<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Quero Bolsa</title>

<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/formulario.css" />

</head>

<body>

<div id="container">

<div id="cabecalho">

<img src="img/QueroBolsa_Logo.png" alt="QueroBolsa_Logo"/>

<div id="logado">
<p>Bem vindo, Prof. Marcos.</p>
<button id="sair">Sair</button>
</div>

<form id="pesquisa" action="">

<input type="button" />

<select>
  <option value="Monitoria">Monitoria</option>
  <option value="Iniciação">Iniciação</option>
  <option value="PBIC">PBIC</option>
  <option value="PBID">PBID</option>
</select>

<input type="search" name="pesquisar" placeholder="Digite a sua pesquisa..." />
<p>Ex.: Agronomia, História, Matemática.</p>
</form>

</div>

<div id="menu">
<a href="#"><img src="img/home-13.fw.png" /></a>
<ul>
<li><a href="#">Ofertar</a></li>
<li><a href="#">Acompanhamento</a></li>
<li><a href="#">Meu Perfil</a></li>
<li></li>

</ul>
</div>

<div id="content">

<form id="cadastroForm" class="rounded" method="post" action="">
<h2>Bolsa</h2>

<section id="info">
<h3>Informações</h3>

<div class="field">
    <label for="tipo">Tipo:</label>
    <select>
  		<option value="Monitoria">Monitoria</option>
  		<option value="Iniciação">Iniciação</option>
  		<option value="PBIC">PBIC</option>
  		<option value="PBID">PBID</option>
	</select>
    <p class="hint">Preencha seu nome.</p>
</div>
 
<div class="field">
    <label for="local">Local:</label>
    <input type="text" class="input" name="local" id="local" />
    <p class="hint">Preencha o local da bolsa.</p>
</div>

<div class="field">
    <label for="horario">Horário:</label>
    <input type="text" class="input" name="horarioIn" id="horario" />
    -
    <input type="text" class="input" name="horarioFin" id="horario" />
    <p class="hint">Preencha o horário.</p>
</div>

<div class="field">
    <label for="data">Data:</label>
    <input type="date" class="input" name="data" id="data" />
    <p class="hint">Selecione a data de oferta.</p>
</div>

<div class="field">
    <label for="valor">Valor:</label>
    <input type="text" class="input" name="valor" id="valor" />
    <p class="hint">Preencha o valor da bolsa.</p>
</div>
 
<div class="field">
    <label for="descricao">Descrição:</label>
    <textarea class="input textare" name="descricao" id="descricao" maxlength="350">
    </textarea>
    <p class="hint">Preencha a descrição da bolsa.</p>
</div>

</section>

<section id="requisitos">
<h3>Requisitos</h3>

<div class="field">
    <label for="curso">Curso:</label>
    <select>
  		<option value="matematica">Matemática</option>
  		<option value="fisica">Física</option>
  		<option value="biologia">Biologia</option>
  		<option value="Sistemas de Informaçao">S. de Informação</option>
	</select>
    <p class="hint">Selecione o curso.</p>
</div>
 
<div class="field">
    <label for="grau">Grau:</label>
    <select>
  		<option value="graduacao">Graduação</option>
  		<option value="mestrado">Mestrado</option>
	</select>
    <p class="hint">Preencha o grau de ensino.</p>
</div>

<div class="field">
    <label for="periodo">Período:</label>
    <select>
  		<option value="primeiro">Primeiro</option>
  		<option value="segundo">Segundo</option>
  		<option value="terceiro">Terceiro</option>
  		<option value="quarto">Quarto</option>
        <option value="quinto">Quinto</option>
        <option value="sexto">Sexto</option>
        <option value="setimo">Sétimo</option>
        <option value="oitavo">Oitavo</option>
        <option value="nono">Nono</option>
        <option value="decimo">Décimo</option>
	</select>
    <p class="hint">Selecione o período.</p>
</div>

<div class="field">
    <label for="linguas">Línguas:</label>
    <select id="linguas">
 		<option value="ingles">Inglês</option>
  		<option value="espanhol">Espanhol</option>
  		<option value="frances">Francês</option>
  		<option value="alemao">Alemão</option>
        <option value="nenhuma">Nenhuma</option>
	</select>
    -
    <select id="linguas">
  		<option value="ingles">Inglês</option>
  		<option value="espanhol">Espanhol</option>
  		<option value="frances">Francês</option>
  		<option value="alemao">Alemão</option>
        <option value="nenhuma">Nenhuma</option>
	</select>
    <p class="hint">Selecione as línguas.</p>
</div>

<div class="field">
    <label for="sexo">Sexo:</label>
    <select>
  		<option value="masculino">Masculino</option>
  		<option value="feminino">Feminino</option>
        <option value="masculino">Todos</option>
	</select>
    <p class="hint">Selecione o Sexo.</p>
</div>

<div class="field">
    <label for="idade">Idade:</label>
    <input type="text" class="input" name="idade" id="idade" />
    <p class="hint">Preencha a idade.</p>
</div>
 
</section>
 
<input type="submit" name="Submit"  class="button" value="Enviar" />
</form>

</div>

<div id="rodape">

<img src="img/sprite.png" />
<p>Todos os direitos reservados - UFRPE</p>
</div>

</div>

</body>
</html>
